<#include "../common/basePage.ftl">
<@addCSS [
"/app/lib/css/plugins/datapicker/bootstrap-datetimepicker",
"/app/lib/css/plugins/datapicker/bootstrap-datetimepicker.min"
"/app/lib/css/plugins/clockpicker/clockpicker",   
"/app/lib/css/plugins/select2/select2.min",
"/app/lib/css/plugins/datapicker/datepicker3",
"/app/lib/css/plugins/datapicker/bootstrap-datetimepicker",
"/app/lib/css/plugins/datapicker/bootstrap-datetimepicker.min",
"/app/lib/css/plugins/summernote/summernote-bs3",
"/app/lib/css/plugins/summernote/summernote",
"/app/lib/css/plugins/chosen/chosen",
"/app/lib/css/plugins/dataTables/datatables.min",
"/app/lib/css/plugins/footable/footable.core"
]/>

<@addJS [
"/app/lib/js/plugins/validate/jquery.validate.min",
"/app/lib/js/plugins/datapicker/bootstrap-datetimepicker"
"/app/lib/js/plugins/select2/select2.full.min",
"/app/lib/js/plugins/summernote/summernote.min",
"/app/lib/js/plugins/datapicker/bootstrap-datetimepicker",
"/app/lib/js/plugins/chosen/chosen.jquery",
"/app/lib/js/plugins/dataTables/datatables.min",
"/app/lib/js/plugins/footable/footable.all.min"
]/>
<@common "工作进程表单">
<div class="row">
	<input type="hidden" id="group" value="workprogress"/>
	<input type="hidden" id="item" value="workproject"/>
	<div class="col-lg-12">
		<div class="ibox float-e-margins">
			<div class="ibox-title">
				<div class="ibox-tools">
					<a class="close-link" onclick="goback()"> <i class="fa fa-times"></i></a>
				</div>
			</div>
			<div class="ibox-content">
				<input type="hidden" id="subModule" value="eventreportfkitem"/>
				
				<form method="get" class="form-horizontal" id="iform" accept-charset="utf-8" action="${servePath}/pc/workingprogress/submitForm">
					<input type="hidden" id="id" name="id" value="${(dataAO.id)!}"/>
					<input type="hidden" name="statusDel" id="statusDel" value="0"/>
					<div class="form-group">
						<div class="col-sm-4 col-sm-offset-2">
							<button class="btn btn-primary" type="button" onclick="saveform()">确认保存</button>
							<a href="javascript:void(0)" class="btn btn-primary" onclick="goback()">取消</a>
						</div>
					</div>
					
					<div class="form-group">
						<label class="col-sm-2 control-label" style="padding-top:10px"><font style="color:red">*本周工作进展</font></label>
						<div class="col-sm-10">
							<input id="currentProgress" type="text" placeholder="" class="form-control"
								required="" maxlength="310" name ="currentProgress" value="${(dataAO.currentProgress)!}">
						</div>
					</div>
					
						
					<div class="form-group"><label class="col-sm-2 control-label">是否完成</label>
					  <div class="col-sm-1">
					     <select class="form-control m-b" id="doesFinish" name="doesFinish">
					       <option value = "是">
					            <#if "${(datdAO.doesFinish)!}" == "是" > selected="true" </#if>是</option>>
					       <option value = "否">
					            <#if "${(datdAO.doesFinish)!}" == "否" > selected="true" </#if>否</option>>
					       </select>
					</div>
				</div>
				
					
					<div class="form-group">
						<label class="col-sm-2 control-label" style="padding-top:10px"><font style="color:red">*未完成原因</font></label>
						<div class="col-sm-10">
							<input id="reason" type="text" placeholder="" class="form-control"
								required="" maxlength="310" name ="reason" value="${(dataAO.reason)!}">
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-2 control-label" style="padding-top:10px"><font style="color:red">*解决措施</font></label>
						<div class="col-sm-10">
							<input id="measure" type="text" placeholder="" class="form-control"
								required="" maxlength="210" name ="measure" value="${(dataAO.measure)!}">
						</div>
					</div>
			
					<div class="form-group">
						<label class="col-sm-2 control-label" style="padding-top:10px"><font style="color:red">*下周工作计划</font></label>
						<div class="col-sm-10">
							<input id="futurePlan" type="text" placeholder="" class="form-control"
								required="" maxlength="210" name ="futurePlan" value="${(dataAO.futurePlan)!}">
						</div>
					</div>
					<div class="form-group" id="data_1">
						<label class="col-sm-2 control-label"><font style="color:red">*计划完成时限</font></label>
						<div class="col-sm-4 input-group date form_datetime">
							<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                            <input type="text"  id="planDeadline" name="planDeadline" readonly="readonly" editable="false"
                            class="form-control" required="" value="${(dataAO.planDeadline)!}">
						</div>
						
                    </div>
                    
					
                    <div class="form-group">
						<label class="col-sm-2 control-label" style="padding-top:10px"><font style="color:red">*需部门或中心协调的问题</font></label>
						<div class="col-sm-10">
							<input id="upgradeIssue" type="text" placeholder="" class="form-control"
								required="" maxlength="210" name ="upgradeIssue" value="${(dataAO.upgradeIssue)!}">
						</div>
					</div>	
                    
				</form>
			</div>
		</div>
	</div>
</div>

<div class="row">
    <div class="col-lg-12">
    
    
        <div class="ibox float-e-margins">
            <div class="ibox-title" >
             
               <h3 align="center">信息中心上一周工作表单</h3>
          
                <div class="ibox-tools">
                    
                </div>
            </div>
            <div class="ibox-content">
            	

                <table class="table table-striped table-bordered table-hover dataTables-example" id="tb1" >
                    <thead>
                 
                    <tr>
                        <th>分类</th>
                        <th>事项</th>
                        <th>责任人</th>
                        <th>本周工作进展</th>
                        <th>是否完成</th>
                        <th>未完成原因</th>
                        <th>解决措施</th>
                        <th>下周工作计划</th>
                        <th data-hide="phone,tablet">计划完成时限</th>
						<th>需部门或中心协调的问题</th>
					
                    </tr>
                    
                     
                    </thead>
                    <tbody>
                       <#list datalistsk as data>
			            <tr class="gradeX">
			                <td >${(data.jobType)!}</td>
			                <td >${(data.jobName)!}</td>
			                <td >${(data.staffNameAll)!}</td>
			                <td >${(data.currentProgress)!}</td>
			                <td >${(data.doesFinish)!}</td>
			                <td >${(data.reason)!}</td>
			                <td >${(data.measure)!}</td>
			                <td >${(data.futurePlan)!}</td>
			                <td style="max-width:400px">${(data.planDeadline)!}</td>
	     					<td>${(data.upgradeIssue)!}</td>
				         
			            </tr>
		         </#list>
                    </tbody>
                    <tfoot>
                    	<tr>
                      <th>分类</th>
                        <th>事项</th>
                        <th>责任人</th>
                        <th>本周工作进展</th>
                        <th>是否完成</th>
                        <th>未完成原因</th>
                        <th>解决措施</th>
                        <th>下周工作计划</th>
                        <th data-hide="phone,tablet">计划完成时限</th>
						<th>需部门或中心协调的问题</th>
					   
                    </tr>
                    </tfoot>
                </table>				
                <div class="footer">
		        </div> 
            </div>
        </div>
    </div>
</div>
<script>
    var BASE_URL = '/appqms/static/app/lib/js/plugins/webuploader/';	

	function goback(){
        window.location.href="${servePath}/pc/workingprogress/list";
	}
	
	function saveform(){
		var form = $("#iform");
		if(form.valid()){
			$("form").submit();
		}else{
			return
		};		
	}
	
	
	$(document).ready(function(){
        $('#data_1 .input-group.date.form_datetime').datetimepicker({
			todayBtn: "linked",
            keyboardNavigation: false,
            forceParse: false,
            calendarWeeks: true,
            format: 'yyyy-mm-dd hh:ii',
            minuteStep: 1,
            autoclose: true
        });
    });
	
	function resetrecoerder(){
	 document.getElementById("recorder").value="";
	 }
	 resetrecoerder();

	
</script>


</@common>